<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=0,maximum-scale=0,user-scalable=yes,shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>表单设计器</title>
    <link rel="stylesheet" href="./layui/css/layui.css" />
    <link rel="stylesheet" href="./ayq/modules/labelGeneration/labelGeneration.css" />
</head>

<body class="layui-layout-body">
    <div id="formdesigner">
        
    </div>
	<div id="formdesigner1">
        
    </div>
    <script type="text/javascript" src="./layui/layui.js"></script>
    <script type="text/javascript" src="./ayq/modules/Sortable/Sortable.js"> </script>
    <script>
        layui.config(
		{base: './ayq/modules/labelGeneration/',version:true}).use(['layer', 'labelGeneration'], function () {
            var labelGeneration = layui.labelGeneration;
                var render = labelGeneration.render({
                    elem:'#formdesigner',
					data:[
						{
							"ngColor": "",
							"value": "标签1"
						},
						{
							"ngColor": "layui-btn-primary",
							"value": "标签2"
						},
						{
							"ngColor": "layui-btn-normal",
							"value": "标签3"
						},
						{
							"ngColor": "layui-btn-warm",
							"value": "标签4"
						},
						{
							"ngColor": "layui-btn-danger",
							"value": "标签5"
						}
					],
					isEnter:true
                });
				
                var render1 = labelGeneration.render({
                    elem:'#formdesigner1',
					data:[
						{
							"ngColor": "",
							"value": "标签1"
						},
						{
							"ngColor": "layui-btn-primary",
							"value": "标签2"
						},
						{
							"ngColor": "layui-btn-normal",
							"value": "标签3"
						},
						{
							"ngColor": "layui-btn-warm",
							"value": "标签4"
						},
						{
							"ngColor": "layui-btn-danger",
							"value": "标签5"
						}
					],
					isEnter:false
                });

        }); 
		
    </script>

</body>

</html>